:root {
    --background-color: #ffffff;
    --text-color: #000000;
    --transition-duration: 0.3s;
}

.dark-mode {
    --background-color: #000000;
    --text-color: #ffffff;
}

body {
    background-color: var(--background-color);
    color: var(--text-color);
    transition: background-color var(--transition-duration), color var(--transition-duration);
}

.gdbtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px 15px;
    border: none;
    background: #007bff;
    color: white;
    cursor: pointer;
    border-radius: 5px;
    transition: transform var(--transition-duration);
}

#theme-toggle.animate {
    animation: moveToTopLeft 1s var(--transition-duration) forwards;
    position: fixed;
    bottom: 20px;
    right: 20px;

}

@keyframes moveToTopLeft {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-100vw, -100vh);

    }
}